<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
function get()
{
		var input = document.getElementById("in").value;
		alert(input);
}
function output()
{
	var inta = Math.random()*10+0;
	inta *=100000;
	while(!inta)
		{
		inta = Math.random()*10+0;
		inta *=100000;
		}
	
		var mima = parseInt(inta+(Math.random()*10+0)*10000+(Math.random()*10+0)*1000+ (Math.random()*10+0)*100+ (Math.random()*10+0)*10+(Math.random()*10+0));
		alert(inta);
}
</script>
		<style type="text/css">
			body{
				margin: 0px;
			}
			.zhezhao{
				position: fixed;
				left: 0px;
				top: 0px;
				background: #000;
				width: 100%;
				height: 100%;
				opacity: 0.5;
			}
			.tankuang{
				position: relative;
				background: #fff;
				width: 50%;
				height: 80%;
				border-radius: 5px;
				margin: 5% auto;
			}
			#header{
				height: 40px;
			}
			#header-right{
				position: absolute;
				width: 25px;
				height: 25px;
				border-radius: 5px;
				background: red;
				color: #fff;
				right: 5px;
				top: 5px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<button type="button" onclick="dianwo()">点我</button>
		<div class="zhezhao" id='zhezhao'>
			<div class="tankuang">
				<div id="header">
					<form>
<span>班级名称：</span>
<input type ="text" name = "in" id = "in"/>

<br/>
<span>进入班级密码：</span>
<input type ="text" name = "in1" id = "in1" placeholder="无需填写，系统自动生成"/>
<br/>
<button onclick="output()">get</button>
</form>
					<div id="header-right" onclick="hidder()">x</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			document.getElementById('zhezhao').style.display="none";
			function dianwo(){
				document.getElementById('zhezhao').style.display="";
			}
			function hidder(){
				document.getElementById('zhezhao').style.display="none";
			}
		</script>
	</body>
</html>
